<template>
	<div class="container" id="app2">
		<div class="left width_240">
			<div class="left_content width_240">
				<div class="logo">LOGO</div>
				<ul style="margin-top: 20px;">
					<router-link tag="li" to="/dashboard" class="left_tag">
						<i class="el-icon-s-home my_icon"></i>
						图书管理
					</router-link>
					<router-link tag="li" to="/borrow" class="left_tag">
						<i class="el-icon-tickets my_icon"></i>
						图书借阅
					</router-link>
					<router-link tag="li" to="/recommend" class="left_tag">
						<i class="el-icon-user my_icon"></i>
						图书推荐
					</router-link>
					<router-link tag="li" to="/donation" class="left_tag">
						<i class="el-icon-postcard my_icon"></i>
						图书捐赠
					</router-link>
				</ul>
			</div>
		</div>
		<div class="right">
			<div class="right_head container">
				<a href="#/dashboard" class="title">政府管理系统</a>
				<div class="bar">
					<div class="inner_btn" title="反馈">反馈</div>
					<div class="inner_btn" title="帮助">帮助</div>
					<div class="inner_btn_2">
						<img src="./images/mastheader.png" width="40" height="40">
						<div style="display: flex;flex-direction: column; margin-left: 10px;">
							<div style="font-size: 13px;">ZYC</div>
							<div>HAHAHA</div>
						</div>
					</div>
				</div>
			</div>
			<div class="right_body">
				<router-view></router-view>
			</div>
			<div class="footer">
				<span>© 2020 designed by ZYC</span>
			</div>
		</div>
	</div>
</template>

<script>
	import './css/index.css';
	import './css/left.css';
	import './css/right_header.css';
	import Vue from 'vue';
</script>

<style>
</style>
